{include file='common/_meta' /}
<style>
    table td .layui-table-cell,table th .layui-table-cell {
        padding: 0 5px;
    }
    .layui-form .layui-form-label{
        padding: 0 5px;
        height: 30px;
        line-height: 28px;
        width: 25%;
    }
    .layui-form .layui-btn{
        height: 30px;
        line-height: 28px
    }
    .layui-form .layui-inline{
        margin-top:5px
    }
    .layui-form .layui-input-inline{
        width: 70%;
    }
    .layui-form .layui-input-inline .layui-input,.layui-input-inline select{
        width: 100%;
        height: 30px
    }
</style>
<body>
<div class="container">
    <div class="layui-col-xs12  layui-col-md12">
        <form class="layui-form" action="" id="form_s">
            <div class="layui-inline layui-col-xs12 layui-col-sm4 layui-col-md3">
                <label class="layui-form-label">目标号码:</label>
                <div class="layui-input-inline">
                    <input type="tel" name="phone" id="hm" placeholder="目标号码" class="layui-input">
                </div>
            </div>
            <div class="layui-inline layui-col-xs12 layui-col-sm4 layui-col-md3">
                <label class="layui-form-label">查询状态:</label>
                <div class="layui-input-inline">
                    <select name="status" id="status">
                        <option value="">全部</option>
                        <option value="0">未发送</option>
                        <option value="1">发送中</option>
                        <option value="2">成功</option>
                        <option value="3">失败</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline layui-col-xs12 layui-col-sm4 layui-col-md3">
            <button class="layui-btn layui-col-xs12 layui-col-sm4" lay-submit lay-filter="tou">立即搜索</button>
            </div>
        </form>
    </div>
    <div class="layui-col-xs12 layui-col-md12">
        <table class="layui-hide" id="initdate" lay-filter="datatable" lay-size="sm"></table>
        <script type="text/html" id="toolbarDemo">
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm" lay-event="putout">导出</button>
            </div>
        </script>
    </div>
</div>
{include file="common/_footer"}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{:$Think.config.__STATIC__}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">
layui.use(['table','laydate','form'], function(){
    var table = layui.table;
    var layer = layui.layer;
    var laydate = layui.laydate;
    var form = layui.form;

    //日期
    laydate.render({
        elem: '#stadate'
        ,type: 'datetime'
    });
    laydate.render({
        elem: '#enddate'
        ,type: 'datetime'
    });
    //表格
    table.render({
        elem: '#initdate'
        ,url:"{:url('Orders/findPhonesData')}?id={$id}&phone={$phone}&order={$order}"
        ,cellMinWidth: 60 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,totalRow: false //合计
        ,toolbar: '#toolbarDemo'//默认工具栏
        ,defaultToolbar: ['filter']//默认工具栏
        ,text: {
            none: '搜索到0条数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
        }
        ,autoSort: false//默认 true，即直接由 table 组件在前端自动处理排序。若为 false，则需自主排序，通常由服务端直接返回排序好的数据。
        ,method:'get'//请求方式
        ,page:true//开启分页
        ,limit:20//每页记录数
        ,cols: [[
            {type:"numbers" ,title:"序"}
            ,{field:"phone" ,title:"号码"}
            ,{field:"country" ,title:"国家"}
            ,{field:"status" ,title:"状态"}
            ,{field:"msg" ,title:"描述"}
            ,{field:"channel_price" ,title:"单价"}
            ,{field:"send_time" ,title:"发送时间"}
            ,{field:"exchange_rate" ,title:"汇率"}
            ,{field:"sm_type" ,title:"短信类型"}
            ,{field:"callback_time" ,title:"回调时间"}
            ,{field:"create_time" ,title:"创建时间"}
        ]]
        ,size: 'sm'
        ,id: 'phoneTable'
    });
    form.on('submit(tou)', function(data){
        data.field.id = {$id};
        table.reload('phoneTable', {
            page:{curr:1}//底下分页样式的开始页置为第一页
            ,where:data.field
            ,url:"{:url('Orders/findPhonesData')}"
        });
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    //监听头工具栏事件
    table.on('toolbar(datatable)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id);

        switch(obj.event)
        {
            case 'putout':
                download_file();
                break;
        };
    });
});

//导出订单
function download_file()
{
    var str=$("#form_s").serialize();
    window.open("putout_phones.html?id={$id}&"+str);
}
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>